<template>
<view>
		<view class="head">
			<navigator @click="gotoarrow" class="return-arrow">
				<image class="return-img" src="../../../static/arrow.png"></image>
			</navigator>
			<view class="service-list">经营数据</view>
		</view>
			<view class="all-date">2019.06.01</view>
	<view class="page">
	
		<view class="statistical-zon">
			<view class="statistical-data">
				<text>0.00</text>
				<view>实际收款金额</view>
			</view>
			<view class="statistical-data">
				<text>0.00</text>
				<view>会员消耗金额</view>
			</view>
			<view class="statistical-data">
				<text>0.00</text>
				<view>开卡充值金额</view>
			</view>
			<view class="statistical-data">
				<text>0.00</text>
				<view>服务产品金额</view>
			</view>
		</view>
		<!-- <view class="statistical">
			<view class="statistical-title">
					<view class="data-title">阿米二号店</view>
					<text class="arrows">></text>
		    </view>
			<view class="statistical-data">
				<text>0.00</text>
				<view>实际收款金额</view>
			</view>
			<view class="statistical-data">
				<text>0.00</text>
				<view>会员消耗金额</view>
			</view>
			<view class="statistical-data">
				<text>0.00</text>
				<view>开卡充值金额</view>
			</view>
			<view class="statistical-data">
				<text>0.00</text>
				<view>服务产品金额</view>
			</view>
		</view> -->
	</view>
</view>
</template>

<script>
export default {
	methods:{
		gotoarrow(){
			this.$router.go(-1)
		}
	}
}

</script>

<style>
	.all-date{
		    color: #000;
		    background-color: #ffffff;
		    margin: 0;
		    font-size: 14px;
		    padding: 8px;
		    text-align: center;
	}

	.head{
		margin-bottom: 1rem;
	}
	.statistical-zon{
		width: 100%;
		height: 8.2rem;
		border-radius: 5px;
		background: linear-gradient(to right,#feac5e,#c779d0,#4bc0c8);
		margin-bottom: 1rem;
	}
	.statistical{
		width: 100%;
		height:10rem;
		border-radius:5px;
		background-color: #ffffff;
		margin-bottom: 1rem;
	}
	.statistical-title{
		width: 100%;
		height:2rem;
		border-radius:5px 5px 0 0 ;
		background-color:#e6e6e6;
	}
	.statistical-data{
	    width: 50%;
		margin-top: 1.3rem;
		font-size: 14px;
		text-align: center;
		float: left;
	}
	.arrows{
		float: right;
		margin-top:0.25rem;
	}
	.data-title{
	    float: left;
	    margin: 5px 0 0 15px;
		}
</style>
